<template>
    <div class="exchange pdTop pdBot">
        <h2 class="pdBot">{{$t('home.exchange.title')}}</h2>
        <b-container>
            <b-row>
                <dlb-swiper :perView="4" :perGroup="1" :isShowButton="true" type="exchange">
                    <div class="swiper-slide" v-for="(item,index) in $t('home.exchange.lists')" :key="index">
                        <a class="inner" :href="item.href" target="_blank"><img :src="require(`../images/${item.img}`)"></a>
                    </div>
                </dlb-swiper>
            </b-row>
        </b-container>
    </div>
</template>

<script>
import dlbSwiper from '@/components/swiper'
export default {
    components:{ dlbSwiper },
    data() {
        return {
            
        }
    }
}
</script>

<style lang="scss" scoped>
.exchange{
    text-align: center;
    .swiper-slide{
        .inner{
            display: inline-block;
            margin: 0 auto;
            width: 200px;
            border: 1px solid #f0f0f0;
            border-radius: 5px;
            cursor: pointer;
        }
    }
}
</style>
